<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="plugin/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="plugin/header/header.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="plugin/webui-popover/jquery.webui-popover.css">
<link rel='stylesheet' type='text/css'href='plugin/icheck/skins/flat/blue.css'/>
<link rel="stylesheet" href="plugin/captionHover/captionHover.css">
<link rel="stylesheet" href="plugin/layui/css/layui.css">
<link rel="stylesheet" href="css/mycss/phoneSY.css">
<link rel="stylesheet" href="css/mycss/phoneSY_location.css">
<link rel="stylesheet" href="plugin/menu/bootsnav.css">
<link rel="stylesheet" href="css/mycss/phoneSY_i18n_<@spring.message 'system.i18n.type' />.css">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<body>
<header class="header-navigation" id="header">
  <#include "menu.ftl">
</header>  
  <div class="content">
    <div class="content-inner">
    </div>
    <div class="content-inner-info">
      <div class="googleMap" id="googleMap">
        <div id="result"></div>
      </div>
    </div>
  </div>
<div style="display:none;" id="displaydiv">
<div id="menu_map_father">
<div id="menu_map" class="btn-group menu_map">
  <button type="button" id="internet" class="btn btn-default" data-toggle="popover">
    <img src="/img/phoneSYAnalysis/internet.png" style="width:20px;height:19px;">
    <span><@spring.message "phone.analysis.table.onLineTable" /></span>
    <span class="caret"></span>
  </button>
      
  <button type="button" id="statistic" class="btn btn-default" data-toggle="popover">
    <img src="/img/phoneSYAnalysis/statistic.png" style="width:20px;height:20px;">
    <span><@spring.message "phone.analysis.table.actionStatistic" /></span>
    <span class="caret"></span>
  </button>
      
  <button type="button" id="identity" class="btn btn-default" data-toggle="popover">
    <img src="/img/phoneSYAnalysis/identity.png" style="width:20px;height:20px;">
    <span><@spring.message "phone.analysis.table.virtualidentity" /></span>
    <span class="caret"></span>
  </button>
</div>
</div>
      
<div>
  <div class="popover internet-content dropdown-menu">
    <div class='internet-content-body-outside'></div>
  </div>
  
  <div class="popover identity-content dropdown-menu">
    <div class='identity-content-body-outside'>
      <div class='menu-map-row'>
      	<div class='col-md-6 account'><span class='menu-map-left'><@spring.message "phone.analysis.table.virtualidentity.phone" />：</span></div>
      	<div class='col-md-6'><span class='menu-map-right' id='account'></span></div>
      </div>
    </div>
  </div>
  
  <div class="popover statistic-content dropdown-menu">
    <div id='echarts' class='statistic-content-bodyhead echarts'></div>
    <div class='statistic-content-body'>
      <div><span><strong><@spring.message "phone.analysis.table.actionStatistic.fangaccount" /></strong></span></div>
    </div>
  </div>
</div>
<div id="menu_right_father">
<div id="menu_right" class="btn-group menu_right">
  <button type="button" id="timequery" class="btn btn-default" data-toggle="popover">
    <img src="/img/phoneSYAnalysis/time.png" style="width:20px;height:20px;">
  	<span><@spring.message "phone.analysis.table.asTimeCheck" /></span>
  	<span class="caret"></span>
  </button>
  <button type="button" id="timescreen" class="btn btn-default" data-toggle="popover">
    <img src="/img/phoneSYAnalysis/search.png" style="width:20px;height:20px;">
  	<span><@spring.message "phone.analysis.table.checkScreen" /></span>
  	<span class="caret"></span>
  </button>
</div>
</div>

<div class="popover timequery-content dropdown-menu">
    <div class='menu-right-row icheckquerysign'>
      <div class='col-md-6'><input type='radio' class="skin-flat-timequery timetype1" name="timetype" id="timetype1" checked="checked" value=1><label for="timetype1"><strong><@spring.message "phone.analysis.table.asTimeCheck" /></strong></label></div>
      <div class='col-md-6'><input type='radio' class="skin-flat-timequery timetype2" name="timetype" id="timetype2" value=2><label for="timetype2"><strong><@spring.message "phone.analysis.table.asTimeCheck.asTimeQuantumCheck" /></strong></label></div>
    </div>
    <div class='menu-right-row shijian'>
      <div class='col-md-6'>
        <input placeholder="<@spring.message 'phone.analysis.table.asTimeCheck.asTimeQuantumCheck.begintime' />" type="text" class="calendar" name="start_Time" id="start_Time" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'%y-%M-%d %H:%m:%s'})">
      </div>
      <div class='col-md-6'>
        <input placeholder="<@spring.message 'phone.analysis.table.asTimeCheck.asTimeQuantumCheck.endtime' />" type="text" class="calendar" name="end_Time" id="end_Time" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'%y-%M-%d %H:%m:%s'})">
      </div>
    </div>
    <div class='shiduan' style="display: none">
    <div class='menu-right-row'>
      <div class='col-md-6'>
        <input placeholder="<@spring.message 'phone.analysis.table.asTimeCheck.asTimeQuantumCheck.startdate' />" type="text" class="calendar" name="start_Time_day" id="start_Time_day" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d'})">
      </div>
      <div class='col-md-6'>
        <input placeholder="<@spring.message 'phone.analysis.table.asTimeCheck.asTimeQuantumCheck.enddate' />" type="text" class="calendar" name="end_Time_day" id="end_Time_day" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d'})">
      </div>
    </div>
    <div class='menu-right-row'>
      <div class='col-md-6'>
        <input placeholder="<@spring.message 'phone.analysis.table.asTimeCheck.asTimeQuantumCheck.startsegment' />" type="text" class="calendar" name="start_Time_hours" id="start_Time_hours" onfocus="WdatePicker({dateFmt:'HH:mm:ss'})">
      </div>
      <div class='col-md-6'>
        <input placeholder="<@spring.message 'phone.analysis.table.asTimeCheck.asTimeQuantumCheck.endsegment' />" type="text" class="calendar" name="end_Time_hours" id="end_Time_hours" onfocus="WdatePicker({dateFmt:'HH:mm:ss'})">
      </div>
    </div>
    </div>
    <div class='menu-right-row'>
      <div class='col-md-6'><button type='reset' class='btn btn-reset' onclick='timeReset();'><@spring.message "phone.analysis.table.map.reset" /></button></div>
      <div class='col-md-6'><button type='button' class='btn btn-submit' onclick='timeSubmit();'><@spring.message "phone.analysis.table.map.sure" /></button></div>
    </div>
  </div>
  <div class="popover timescreen-content dropdown-menu">
    <div class='menu-right-row icheckscreensign'>
      <div class='col-md-2' style='padding-right: 0px'><span class='menu-map-left'><@spring.message "phone.analysis.table.checkScreen.logtype"/>：</span></div>
      <div class='col-md-10' style='padding: 0 0 0 0'>
        <div class='col-md-3'><input type='checkbox' checked='checked' class='skin-flat' id='logtype1'><label for="logtype1"><@spring.message "phone.analysis.table.checkScreen.logtype.onlog"/></label></div>
        <div class='col-md-3'><input type='checkbox' checked='checked' class='skin-flat' id='logtype2'><label for="logtype2"><@spring.message "phone.analysis.table.checkScreen.logtype.offlog"/></label></div>
        <div class='col-md-3'><input type='checkbox' checked='checked' class='skin-flat' id='logtype3'><label for="logtype3"><@spring.message "phone.analysis.table.checkScreen.logtype.showlog"/></label></div>
      </div>
    </div>
    <div class='menu-right-row icheckscreensign'>
      <div class='col-md-2' style='padding-right: 0px'><span class='menu-map-left'><@spring.message "phone.analysis.table.checkScreen.staytime" />：</span></div>
      <div class='col-md-10' style='padding: 0 0 0 0'>
        <div class='col-md-3'>
          <input type='checkbox' checked='checked' class='skin-flat' id='time1'><label for="time1"><@spring.message "phone.analysis.table.checkScreen.staytime.da4h" /></label>
          <img style="width:13px;margin-left: 2px;" src="img/map/icon/marker_black_small.png">
          </div>
        <div class='col-md-3'>
          <input type='checkbox' checked='checked' class='skin-flat' id='time2'><label for="time2"><@spring.message "phone.analysis.table.checkScreen.staytime.da1h" /></label>
          <img style="width:13px;margin-left: 2px;" src="img/map/icon/marker_dark_small.png">
          </div>
        <div class='col-md-3'>
          <input type='checkbox' checked='checked' class='skin-flat' id='time3'><label for="time3"><@spring.message "phone.analysis.table.checkScreen.staytime.da30min" /></label>
          <img style="width:13px;margin-left: 0px;" src="img/map/icon/marker_default_small.png">
        </div>
        <div class='col-md-3'>
          <input type='checkbox' checked='checked' class='skin-flat' id='time4'><label for="time4"><@spring.message "phone.analysis.table.checkScreen.staytime.xiao30min" /></label>
          <img style="width:13px;margin-left: 0px;" src="img/map/icon/marker_light_small.png">
        </div>
      </div>
    </div>
    <div class='menu-right-row icheckscreensign'>
      <div class='col-md-2' style='padding-right: 0px'><span class='menu-map-left'><@spring.message "phone.analysis.table.checkScreen.staylocation" />：</span></div>
      <div class='col-md-10' style='padding: 0 0 0 0'>
        <div class='col-md-3'><input type='checkbox' checked='checked' class='skin-flat' id='stop1'><label for="stop1"><@spring.message "phone.analysis.table.checkScreen.staylocation.jizhan" /></label></div>
        <div class='col-md-3'><input type='checkbox' checked='checked' class='skin-flat' id='stop2'><label for="stop2"><@spring.message "phone.analysis.table.checkScreen.staylocation.ld" /></label></div>
      </div>
    </div>
    <div class='menu-right-row icheckscreensign'>
      <div class='col-md-6' style="text-align: right;"><button type='reset' class='btn btn-reset' onclick='timescreenreset();'><@spring.message "phone.analysis.table.map.reset" /></button></div>
      <div class='col-md-6'><button type='button' class='btn btn-submit' onclick='timescreensubmit();'><@spring.message "phone.analysis.table.map.sure" /></button></div>
    </div>
  </div>
</div>
</div>

<div class="phoneSY_location" style="display:none">
    <div id="menu_map_location_father">
      <div id="menu_map_location" class="btn-group menu_map_location" style="margin-left:10px;">
        <button type="button" id="position" class="btn btn-default" data-toggle="popover"">
          <img class="positionMenuImg" src="img/positionLocationSYAnalysis/position_gray.png" style="width:20px;height:19px;">
          <span class="positionMenuTitle"><@spring.message "phone.analysis.table.positioning.a" /></span>
          <span class="caret"></span>
        </button>
        <button type="button" id="triggerHotspot" class="btn btn-default" onclick="toggleHeatmap();" style="height: 35px;">
          <img class="hotspotMenuImg" src="img/positionLocationSYAnalysis/hotSpot_gray.png" style="width:20px;height:20px;">
          <span class="hotspotMenuTitle"><@spring.message "phone.analysis.table.positioning.b" /></span>
        </button>
      </div>
    </div>
      <div class="popover position-body dropdown-menu">
        <div class="position-content">
          <table class="position-content-table">
          	<tr class="position-content-table-title">
          	  <td class="table-td15"><@spring.message "phone.analysis.table.positioning.a.timefan" /></td>
          	  <td class="table-td17"><@spring.message "phone.analysis.table.positioning.a.location1" /></td>
          	  <td class="table-td17"><@spring.message "phone.analysis.table.positioning.a.location2" /></td>
          	  <td class="table-td17"><@spring.message "phone.analysis.table.positioning.a.location3" /></td>
          	  <td class="table-td17"><@spring.message "phone.analysis.table.positioning.a.location4" /></td>
          	  <td class="table-td17"><@spring.message "phone.analysis.table.positioning.a.location5" /></td>
          	</tr>
          </table>
        </div>
      </div>
      <div class="popover trajectory-body dropdown-menu">
        <div class="trajectory-content">
          <table class="trajectory-content-table">
          	<tr class="trajectory-content-table-title">
          	  <td style="width:8%">序号</td>
          	  <td class="table-td25">时间</td>
          	  <td class="table-td10">动作</td>
          	  <td class="table-td10">经度</td>
          	  <td class="table-td10">纬度</td>
          	  <td class="table-td35">位置</td>
          	</tr>
          </table>
        </div>
      </div>
    </div>
    
</div>
</body>
<#include "includeftl/layui.ftl">
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="plugin/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="plugin/header/header.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/googlemaputil.js"></script>
<script type="text/javascript" src="plugin/webui-popover/jquery.webui-popover.js"></script>
<script type="text/javascript" src='plugin/icheck/icheck.js'></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=visualization&key=AIzaSyDC5XDdyZ9x3RV7sbZEMxpRju_sl6QPTaA" type="text/javascript"></script>
<#--<script type="text/javascript" src="includeftl/myjs/phoneSY.includeftl"></script>-->
<#--<script type="text/javascript" src="includeftl/myjs/phoneSY_analysis.includeftl"></script>-->
<#--<script type="text/javascript" src="js/myjs/phoneSY_track.js"></script>-->
<script type="text/javascript" src="plugin/captionHover/captionHover.js"></script>
<script type="text/javascript" src="plugin/layui/layui.js"></script>
<script type="text/javascript" src="js/echarts.common.min.js"></script>
<script type="text/javascript" src="plugin/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="plugin/menu/bootsnav.js"></script>
<#include 'includeftl/phoneSY_track.ftl' />
<#include 'includeftl/phoneSY.ftl' />
<#include 'includeftl/phoneSY_analysis.ftl' />
<#include 'includeftl/phoneSY_location.ftl' />
</html>